<template>
<!-- 组件的结构 -->
  <div>
    <h2>学校信息</h2>
    <p>学校名称：{{name}}</p>
    <p>学校地址：{{address}}</p>
  </div>
</template>

<style>
//组件的样式
  p{
    text-decoration: aqua;
  }
</style>

<script>
//组件的行为
export default {
  name:"School",
  data(){
    return{
      name:"尚硅谷",
      address:"北京昌平"
    }
  },
  methods:{
    showName(){
      alert(this.name)
    }
  }
}
</script>
